<template>
	<section style="width: 1200px;margin: 0 auto;">
		<div class="tuzhi-content">
			<img src="../../../static/img/draw/fenxi_01.jpg"/>
			<div class="tuzhione clearfix" style="padding: 0;">
				<div class="tuzhisec-sec">
					<div class="box-list" v-for="el in content.FenXi">
						<div class="titlecontent">
							<p>用户洞察 User Insight:</p>
							<input type="text" v-bind:readonly="use"   name="" v-model="el.User" id="" value="" />
						</div>
						<div class="testcontent">
							<p>来源Source:</p>
							<textarea name="" v-bind:readonly="use"  rows="" v-model="el.Source" cols=""></textarea>
						</div>
					</div>						
				</div>
			</div>	
		</div>		
	</section>
</template>

<script>
	export default{
		data(){
			return{
				content:{
					FenXi:[
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						},		
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						},
						{
							User:"",
							Source:"",
						}					
					]
				},
				use:false
			}
		},
		methods:{
			
		},
		watch:{
			'tochild.content':function(){
				if(this.tochild.content){
					this.content=this.tochild.content;			
				}				
			}			
		},		
		props:['tochild'],
		created(){
			var _this=this;
			if(_this.tochild.use==false){
				_this.use=false
			}else{
				_this.use=true
			}				
		},		
		mounted(){
			if(this.tochild.content){
				this.content=this.tochild.content;
			}
			console.log(this.content)
		}
	}
</script>

<style scoped src='../../../static/css/all.css'>
</style>